<!DOCTYPE html>
<html lang="en-US" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>CH的博客 | ChNotes</title>
    <meta name="description" content="欢迎来到CH的博客！这个博客涵盖了各种主题，包括技术、旅行、摄影和生活分享。在这里，您将找到有趣而实用的文章，以及作者的个人见解和经验。探索CH的博客，开拓视野，获得灵感和知识。">
    <meta name="generator" content="VitePress v1.0.0-rc.44">
    <link rel="preload stylesheet" href="/notes/assets/style.Bl7lAUC5.css" as="style">
    
    <script type="module" src="/notes/assets/app.x1LP96A3.js"></script>
    <link rel="modulepreload" href="/notes/assets/chunks/framework.DraUm12O.js">
    <link rel="modulepreload" href="/notes/assets/chunks/theme.DWx7b8qq.js">
    <link rel="modulepreload" href="/notes/assets/index.md.BnTd3hVT.lean.js">
    <link rel="icon" type="image/svg+xml" href="/notes/logo.png">
    <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
    <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
    <meta name="keywords" content="CH的博客,技术,文章,经验,灵感,知识">
    <meta name="google-site-verification" content="fs5EybByxqvIchWyU4mIpxHS8HJrFYX8flIiBwdT6ps">
    <meta name="baidu-site-verification" content="codeva-0zzmlYv93f">
    <meta name="msvalidate.01" content="379213741F79A418B1EB9B6B4FF1434A">
  </head>
  <body>
    <div id="app"><div class="layout-root-wrapper flex-col" data-v-295ffa92><header class="header-root flex-row" data-v-295ffa92 data-v-416e8eae><a class="VPLink link flex-row space-row-small" href="/notes/" data-v-416e8eae><!--[--><img class="m-logo-large" src="/notes/logo.png" data-v-416e8eae><div class="title" data-v-416e8eae>ChNotes</div><!--]--></a><div class="VPNavBarSearch flex-1" data-v-416e8eae><!--[--><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!----><!--]--></div><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" data-v-416e8eae data-v-19a132e8 data-v-3e689ed0><span class="check" data-v-3e689ed0><span class="icon" data-v-3e689ed0><!--[--><span class="vpi-sun sun" data-v-19a132e8></span><span class="vpi-moon moon" data-v-19a132e8></span><!--]--></span></span></button></header><main class="flex-1 w-full" data-v-295ffa92><div class="home-root w-full h5 flex-col" data-v-295ffa92 data-v-9791ca6a><div class="el-col el-col-24 el-col-xs-24 el-col-sm-5" style="" data-v-9791ca6a><!--[--><div class="el-col el-col-24 el-col-sm-5 aside-wrapper w-full scroll-col space-col" style="height:calc(100vh - var(--m-layout-content-margin) - undefinedpx);" data-v-9791ca6a><!--[--><div class="article-category-root h5 full" data-v-9791ca6a data-v-2eb2ef1b><div class="full" data-v-2eb2ef1b><!----><ul class="article-list full flex-row" data-v-2eb2ef1b><!--[--><li class="item h-full m-article-desc flex-row" data-v-2eb2ef1b>css</li><li class="item h-full m-article-desc flex-row" data-v-2eb2ef1b>Docker</li><li class="item h-full m-article-desc flex-row" data-v-2eb2ef1b>全部</li><!--]--></ul></div></div><!--]--></div><!--]--></div><div class="el-col el-col-24 el-col-xs-24 el-col-sm-14 content-box flex-col" style="" data-v-9791ca6a><!--[--><ul class="m-article m-list" data-v-9791ca6a><!--[--><li class="m-list-item-large m-article-item flex-row flex-start w-full" data-v-9791ca6a><a class="VPLink link flex-1" href="/notes/docker/1.html" data-v-9791ca6a><!--[--><h3 class="m-article-title" data-v-9791ca6a>Docker的作用，到底解决了什么痛点?</h3><p class="m-article-desc" data-v-9791ca6a>本文探讨了Docker的作用和它在解决现代软件开发中的痛点方面的重要性。了解Docker如何提供轻量级、可移植和可扩展的容器化解决方案，简化了应用程序的部署、管理和跨环境移植。</p><span class="m-article-tag" data-v-9791ca6a>2024-03-01 17:29</span><!--]--></a><!----></li><li class="m-list-item-large m-article-item flex-row flex-start w-full" data-v-9791ca6a><a class="VPLink link flex-1" href="/notes/css/1.html" data-v-9791ca6a><!--[--><h3 class="m-article-title" data-v-9791ca6a>css超出容器范围，展示省略号</h3><p class="m-article-desc" data-v-9791ca6a>了解如何使用CSS来处理超出容器范围的内容并展示省略号, 本文探讨了CSS属性和技巧, 帮助您在网页设计中实现优雅的文本截断效果</p><span class="m-article-tag" data-v-9791ca6a>2024-03-01 16:26</span><!--]--></a><!----></li><!--]--></ul><div class="el-pagination is-background el-pagination" data-v-9791ca6a><button type="button" class="btn-prev is-first" disabled aria-label="Go to previous page" aria-disabled="true"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"></path></svg><!--]--></i></button><ul class="el-pager"><li class="is-active number" aria-current="true" aria-label="page 1" tabindex="0"> 1 </li><!--v-if--><!--[--><!--]--><!--v-if--><!--v-if--></ul><button type="button" class="btn-next is-last" disabled aria-label="Go to next page" aria-disabled="true"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"></path></svg><!--]--></i></button></div><!--]--></div><div class="el-col el-col-24 el-col-xs-0 el-col-sm-5" style="" data-v-9791ca6a><!--[--><div class="el-col el-col-24 el-col-sm-5 aside-wrapper w-full scroll-col space-col" style="height:calc(100vh - var(--m-layout-content-margin) - undefinedpx);" data-v-9791ca6a><!--[--><aside class="aside-root space-col" data-v-9791ca6a data-v-cc4dd1af><div class="author-root m-container w-full flex-col space-col" data-v-cc4dd1af data-v-2c50961c><div class="author-info flex-row space-row" data-v-2c50961c><img class="m-logo-large flex-shrink-0" src="/notes/author.jpg" data-v-2c50961c><div class="info flex-col flex-start" data-v-2c50961c><h3 data-v-2c50961c>CH</h3><p data-v-2c50961c>一个热爱编程的程序员</p></div></div><div class="data-info w-full flex-row flex-around" data-v-2c50961c><div class="article-num flex-col" data-v-2c50961c><span class="num" data-v-2c50961c>2</span><span class="text" data-v-2c50961c>文章</span></div><div class="star-num flex-col" data-v-2c50961c><span class="num" data-v-2c50961c>305</span><span class="text" data-v-2c50961c>浏览量</span></div></div></div><div class="VPDocAsideOutline m-container" role="navigation" data-v-cc4dd1af data-v-0c455fed><div class="content" data-v-0c455fed><div class="outline-title" role="heading" aria-level="2" data-v-0c455fed>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-0c455fed><ul class="VPDocOutlineItem root" data-v-0c455fed data-v-19cf7dc4><!--[--><!--]--></ul></nav><div class="outline-marker" data-v-0c455fed></div></div></div></aside><!--]--></div><!--]--></div></div></main></div></div>
    <script>window.__VP_HASH_MAP__=JSON.parse("{\"docker_1.md\":\"CByY6n1b\",\"index.md\":\"BnTd3hVT\",\"css_1.md\":\"CP8zBdG8\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ChNotes\",\"description\":\"A VitePress site\",\"base\":\"/notes/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/notes/logo.png\",\"search\":{\"provider\":\"local\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
    
  </body>
</html>